<template>
    <MyProduct :messages="msg"></MyProduct>
    <h2>我父组件Parent组件内容</h2>
    <p>{{ msg }}</p>
    <button @click="msg='改变一下'">点击修改</button>
</template>
<script>
import MyProduct from './MyProduct.vue';
export default {
    data() {
        return {
            msg:"我是父组件来监督子组件的学习"
        }
    },
    components: {
        MyProduct
    }
}
</script>